<style type="text/css">
  .ml35 {
    margin-left: 35px;
  }
</style>

<div class="col-sm-12 mt20">
  <div class="panel panel-default">
    <div class="panel-body">
      <div class="col-sm-4">
        <input type="text" class="form-control" placeholder="渠道名称" ng-model="searchform.channel_name">
      </div>
      <div class="col-sm-2">
        <button class="btn btn-info search btn-block" ng-click="search(1)">立即搜索</button>
      </div>
    </div>

    <div class="panel-body">
      <table class="table table-striped table-bordered dataTable table-condensed tree_table">
        <thead>
          <tr>
            <th class="text-center">渠道编号</th>
            <th class="text-center">渠道名称</th>
            <th class="text-center" style="width: 103px">默认渠道</th>
            <th class="text-center">销售品分类</th>
          </tr>
        </thead>
        <tbody>
          <tr ng-repeat="info in list">
            <td class="text-center">{{info.channel_list_code}}</td>
            <td class="text-center">{{info.channel_list_name}}</td>
            <td>
              <label class="i-switch ml35">
                <input type="checkbox" ng-disabled="info.used" ng-model="info.selected" ng-change="change(info)"><i></i>
              </label>
            </td>
            <td class="text-center">
              <button type="button" class="btn btn-info btn-xs" ng-click="getSaleType(info)">查看销售品</button>
            </td>
          </tr>
        </tbody>
      </table>
    </div>

    <div class="text-right" style="background-color: white; margin-right: 30px">
      <pagination total-items="totalItems" ng-model="currentPage" ng-change="search()" previous-text="上一页"
        next-text="下一页" first-text="首页" last-text="尾页" max-size="5" boundary-links="true" rotate="false"
        items-per-page="itemsPerPage" class="m-t-none m-b"></pagination>
    </div>

  </div>
</div>